<!DOCTYPE html>
<html lang="es">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/estilos.css">
        <script src="js/jquery1_8_3.js"></script>
        <script src="jqueryUi/jquery-ui-1.9.2.custom.min.js"></script>
        <script src="js/script.js"></script>
        <title>Pruebas conJquery</title>
    </head>
    <body>
        <div id="principal">
            <header>
                <nav>
                    
                </nav>
            </header>
            
            <div id="contenido" class="contenedor">
                <section>
                    <div id="clase1" class="contenido">
                    <article>
                        <hgroup>
                            <h2>Realizando Pruebas</h2>
                        </hgroup>
                        <p>
                            Subversion en Google Code
                        </p>
                    </article>
                        <br><br>
                        <article>
                            <p>
                                Seran realizadas pruebas en general de diseño mediante
                                css3, ademas de utilizar y provar diversas funciones creadas
                                con javascript y JQuery
                            </p>
                        </article>
                        </div>
                </section>
                <section>
                    <div id="cCaja" class="cCaja">
                        <div id="caja" class="caja"></div>
                        <div id="caja2" class="caja2"></div>
                    </div>
                </section>
                <section>
                    <nav id="menuL" class="menuL">
                        <ul>
                            <li><a href="#ancla1">Parte 1</a></li>
                            <li><a href="#ancla2">Parte 2</a></li>
                            <li><a href="#ancla3">Parte 3</a></li>
                            <li><a href="#ancla4">Parte 4</a></li>
                        </ul>
                    </nav>
                </section>
                <section>
                    <div id="anclaje" class="anclaje">
                    <div id="ancla1" class="ancla">
                        <hgroup>
                            <h2>Primera Parte</h2>
                        </hgroup>
                        <p>
                            Esta es la primer parte
                        </p>
                        <p>
                            <a href="mootols.html">ir a mootols</a>
                        </p>
                    </div>
                    <div id="ancla2" class="ancla">
                        <hgroup>
                            <h2>Segunda Parte</h2>
                        </hgroup>
                        <p>
                            Esta es la segunda parte
                        </p>
                    </div>
                    <div id="ancla3" class="ancla">
                        <hgroup>
                            <h2>Tercera Parte</h2>
                        </hgroup>
                        <p>
                            Esta es la tercera parte
                        </p>
                    </div>
                    <div id="ancla4" class="ancla">
                        <hgroup>
                            <h2>Cuarta Parte</h2>
                        </hgroup>
                        <p>
                            Esta es la cuarta parte
                        </p>
                    </div>
                        </div>
                </section>
            </div>
            <section>
            <div id="neg" class="neg">
                <div id="fneg" class="fneg">
                    <article>
                        <hgroup>
                            <h2>Prueba Oscurecer Pantalla</h2>
                        </hgroup>
                        <p>
                            Esta es una prueba con la cual se ha oscurecido la
                            pantalla ademas de inabilitar el contenido de la misma
                            centrando el foco en un div superior, y al darle click al mismo
                            se habilita nuevamente nuestro sitio ademas de dejarnos en la posicion original
                        </p>
                    </article>
                </div>
                </div>
                </section>
            <footer>
                
            </footer>
        </div>
    </body>
</html>
